<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!--
<link type="text/css" rel="stylesheet" href="https://syntaxhighlighter.googlecode.com/svn/tags/1.5.1/Styles/SyntaxHighlighter.css" />
<script language="javascript" src="https://syntaxhighlighter.googlecode.com/svn/tags/1.5.1/Scripts/shCore.js"></script>
<script language="javascript" src="https://syntaxhighlighter.googlecode.com/svn/tags/1.5.1/Scripts/shBrushCSharp.js"></script>
<script language="javascript" src="https://syntaxhighlighter.googlecode.com/svn/tags/1.5.1/Scripts/shBrushXml.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'https://syntaxhighlighter.googlecode.com/svn/tags/1.5.1/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>


<link type="text/css" rel="stylesheet" href="SyntaxHighlighter.css" />
<script language="javascript" src="shCore.js"></script>
<script language="javascript" src="shBrushCSharp.js"></script>
<script language="javascript" src="shBrushXml.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
-->
<link type="text/css" rel="stylesheet" href="https://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css" />
<link href="https://syntaxhighlighter.googlecode.com/svn/trunk/Styles/TestPages.css" rel="stylesheet" type="text/css">


</head>

<body>
<!--
<pre name="code" class="html:collapse">
 class="css"
-->
<pre name="code" class="css">
/* Main style for the table */

/* Issue #4 (http://code.google.com/p/syntaxhighlighter/issues/detail?id=4) */
a.button:active {  
        background-position: bottom right;
        background-position: top left;
}
/* end */

/* Issue #23 (http://code.google.com/p/syntaxhighlighter/issues/detail?id=23) */
a.button:active {  
        _background-position: bottom right;
        font-size: 23px;
}
/* end */

.dp-highlighter
{
        font-family: "Courier New", Courier, mono;
        font-size: 12px;
        text-align: left;
        border: 1px solid #2B91AF;
        background-color: #fff;
        width: 99%;
        overflow: auto;
        line-height: 100% !important;
        margin: 18px 0px 18px 0px;
}

.dp-highlighter ol
{
        margin: 0px 0px 0px 45px;
        padding: 0px;
        color: #2B91AF;
}

.dp-highlighter ol li
{
        border-left: 3px solid #6CE26C;
        border-bottom: 1px solid #eee;
        background-color: #fff;
        padding-left: 10px;
}

.dp-highlighter ol li.alt
{
        background-color: #f8f8f8;
}
</pre>


<pre name="code" class="html">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;title&gt;Compress HTML&lt;/title&gt;
&lt;meta name=&quot;description&quot; content=&quot;Free online tool to compress HTML code by removing line breaks, tabs and extra spaces. Results in highly compressed HTML.&quot;/&gt;
&lt;meta name=&quot;keywords&quot; content=&quot;compress,html,tool,removing,line,breaks,code,compressed,text,compression&quot;/&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt;
&lt;meta name=&quot;robots&quot; content=&quot;index,follow&quot;/&gt;
&lt;script src=&quot;simple-HTML-packer.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;style type=&quot;text/css&quot;&gt;
body,html,h1,h2,h3,h4,h5,h6,a,ol,ul,li,div,form,textarea {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
body {
	font:normal 100% Arial;
	color:#eee;
	width:1007px;
	margin:0;
	padding:0 !important;
	margin:0 auto;
	position:relative;
	background:#000;
}
body a:link {
	color:orange;
}
body a:visited {
	color:blue;
}
body a:hover {
	color:red;
}
a,button {
	transition:0.8s ease;
	-o-transition:0.8s ease;
	-ms-transition:0.8s ease;
	-moz-transition:0.8s ease;
	-webkit-transition:0.8s ease;
}
#wrap {
	width:auto;
	background:#555;
	border-radius:20px;
	box-shadow:0 0 20px #444;
	padding:10px;
	margin:10px;
}
&lt;/style&gt;

 &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;http://www.gstatic.com/codesite/ph/5121560014714628542/css/core.css&quot;&gt;
 
 &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;http://www.gstatic.com/codesite/ph/5121560014714628542/css/ph_detail.css&quot; &gt;

&lt;/head&gt;
&lt;body&gt;

&lt;div id=&quot;wrap&quot;&gt;
	&lt;div id=&quot;header-wrap&quot;&gt;
		&lt;div style=&quot;border:5px solid #555;border-radius:10px 10px 0 0;&quot;&gt;
			&lt;h1&gt;&lt;a href=&quot;http://gubhugreyot.blogspot.com/&quot; target=&quot;_blank&quot;&gt;HTML Compressor Online&lt;/a&gt;&lt;/h1&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;div id=&quot;main-wrap&quot;&gt;
		&lt;form&gt;
			&lt;div class=&quot;controll-box&quot;&gt;
				&lt;div class=&quot;button&quot;&gt;
					&lt;button onclick=&quot;javascript:this.form.area_1.focus();this.form.area_1.select();&quot; type=&quot;button&quot;&gt;Select-Input&lt;/button&gt;
				&lt;/div&gt;
				&lt;div class=&quot;button&quot;&gt;
					&lt;button onclick=&quot;javascript:this.form.area_1.value=&#39;&#39;;&quot; type=&quot;button&quot;&gt;Clear-Input&lt;/buttton&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div style=&quot;clear:both;&quot;&gt;
			&lt;/div&gt;
			&lt;pre class=&quot;prettyprint&quot;&gt;&lt;textarea class=&quot;prettyprint&quot; name=&quot;area_1&quot; id=&quot;htmlInput&quot; rows=&quot;6&quot; cols=&quot;36&quot;&gt;&lt;/textarea&gt;&lt;/pre&gt;
		&lt;/form&gt;
		&lt;form&gt;
			&lt;div class=&quot;controll-box&quot;&gt;
				&lt;input id=&quot;endase&quot; name=&quot;endase&quot; value=&quot;true&quot; type=&quot;checkbox&quot; class=&quot;checkbox&quot;/&gt;
				&lt;label for=&quot;endase&quot;&gt;&lt;/label&gt; &laquo; &lt;span style=&quot;font:normal 14px Times New Roman;color:red;text-shadow:1px 1px 1px #000;margin-right:20px;&quot;&gt;HTML body only&lt;/span&gt;
				&lt;div class=&quot;button&quot;&gt;
					&lt;button onclick=&quot;javascript:Kodepacker()&quot; type=&quot;button&quot;&gt;&lt;b&gt;C&lt;/b&gt;ompre&lt;b&gt;ss&lt;/b&gt;&lt;/button&gt;
				&lt;/div&gt;
				&lt;div class=&quot;button&quot;&gt;
					&lt;button onclick=&quot;javascript:this.form.area_2.focus();this.form.area_2.select();&quot; type=&quot;button&quot;&gt;Select-Output&lt;/button&gt;
				&lt;/div&gt;
				&lt;div class=&quot;button&quot;&gt;
					&lt;button onclick=&quot;javascript:this.form.area_2.value=&#39;&#39;;&quot; type=&quot;button&quot;&gt;Clear-Output&lt;/buttton&gt;
				&lt;/div&gt;
				&lt;div style=&quot;clear:both;&quot;&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;pre class=&quot;prettyprint&quot;&gt;&lt;textarea class=&quot;prettyprint&quot; id=&quot;htmlOutput&quot; name=&quot;area_2&quot; readonly&gt;&lt;/textarea&gt;&lt;/pre&gt;
		&lt;/form&gt;
	&lt;/div&gt;
	&lt;div id=&quot;footer-wrap&quot;&gt;
		 Blogger Blogdetik Tutorial CSS Javascript Demo Online HTML Editor
	&lt;/div&gt;
&lt;/div&gt;

 &lt;script src=&quot;http://www.gstatic.com/codesite/ph/5121560014714628542/js/prettify/prettify.js&quot;&gt;&lt;/script&gt;
 &lt;script type=&quot;text/javascript&quot;&gt;
 prettyPrint();
 &lt;/script&gt;

&lt;!-- onclick=&quot;javascript:this.form.newCode.focus();this.form.area_2.select();&quot;--&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>

<textarea name="code" class="html" cols="60" rows="10">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Compress HTML</title>
<meta name="description" content="Free online tool to compress HTML code by removing line breaks, tabs and extra spaces. Results in highly compressed HTML."/>
<meta name="keywords" content="compress,html,tool,removing,line,breaks,code,compressed,text,compression"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="robots" content="index,follow"/>
<script src="simple-HTML-packer.js" type="text/javascript"></script>
<style type="text/css">
body,html,h1,h2,h3,h4,h5,h6,a,ol,ul,li,div,form,textarea {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
body {
	font:normal 100% Arial;
	color:#eee;
	width:1007px;
	margin:0;
	padding:0 !important;
	margin:0 auto;
	position:relative;
	background:#000;
}
body a:link {
	color:orange;
}
body a:visited {
	color:blue;
}
body a:hover {
	color:red;
}
a,button {
	transition:0.8s ease;
	-o-transition:0.8s ease;
	-ms-transition:0.8s ease;
	-moz-transition:0.8s ease;
	-webkit-transition:0.8s ease;
}
#wrap {
	width:auto;
	background:#555;
	border-radius:20px;
	box-shadow:0 0 20px #444;
	padding:10px;
	margin:10px;
}
</style>

 <link type="text/css" rel="stylesheet" href="http://www.gstatic.com/codesite/ph/5121560014714628542/css/core.css">
 
 <link type="text/css" rel="stylesheet" href="http://www.gstatic.com/codesite/ph/5121560014714628542/css/ph_detail.css" >

</head>
<body>

<div id="wrap">
	<div id="header-wrap">
		<div style="border:5px solid #555;border-radius:10px 10px 0 0;">
			<h1><a href="http://gubhugreyot.blogspot.com/" target="_blank">HTML Compressor Online</a></h1>
		</div>
	</div>
	<div id="main-wrap">
		<form>
			<div class="controll-box">
				<div class="button">
					<button onclick="javascript:this.form.area_1.focus();this.form.area_1.select();" type="button">Select-Input</button>
				</div>
				<div class="button">
					<button onclick="javascript:this.form.area_1.value='';" type="button">Clear-Input</buttton>
				</div>
			</div>
			<div style="clear:both;">
			</div>
			<pre class="prettyprint"><textarea class="prettyprint" name="area_1" id="htmlInput" rows="6" cols="36"></textarea></pre>
		</form>
		<form>
			<div class="controll-box">
				<input id="endase" name="endase" value="true" type="checkbox" class="checkbox"/>
				<label for="endase"></label> « <span style="font:normal 14px Times New Roman;color:red;text-shadow:1px 1px 1px #000;margin-right:20px;">HTML body only</span>
				<div class="button">
					<button onclick="javascript:Kodepacker()" type="button"><b>C</b>ompre<b>ss</b></button>
				</div>
				<div class="button">
					<button onclick="javascript:this.form.area_2.focus();this.form.area_2.select();" type="button">Select-Output</button>
				</div>
				<div class="button">
					<button onclick="javascript:this.form.area_2.value='';" type="button">Clear-Output</buttton>
				</div>
				<div style="clear:both;">
				</div>
			</div>
			<pre class="prettyprint"><textarea class="prettyprint" id="htmlOutput" name="area_2" readonly></textarea></pre>
		</form>
	</div>
	<div id="footer-wrap">
		 Blogger Blogdetik Tutorial CSS Javascript Demo Online HTML Editor
	</div>
</div>
<!--
 <script src="http://www.gstatic.com/codesite/ph/5121560014714628542/js/prettify/prettify.js"></script>

 <script type="text/javascript">
 prettyPrint();
 </script>
-->
<!-- onclick="javascript:this.form.newCode.focus();this.form.area_2.select();"-->
</body>
</html>
</textarea>

<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushScala.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushGroovy.js"></script>
<script class="javascript" src="https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushBash.js"></script>
<!--
<script class="javascript">
      if(window.isBloggerMode == true)
      dp.SyntaxHighlighter.BloggerMode();
     
      dp.SyntaxHighlighter.ClipboardSwf = 'https://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/clipboard.swf';
      dp.SyntaxHighlighter.HighlightAll('code');
    </script>
    
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>    
    -->
<script language="javascript">
window.onload = function () {
    dp.SyntaxHighlighter.ClipboardSwf = 'clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
}
</script>
</body>
</html>
